<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery/jquery-3.6.0.js"></script>
</head>

<body>
ID：<input type="text" id="id">
密码：<input type="text" id="password">
<button onclick="myClick()">登录</button>
</body>

<script>
    function myClick() {
        let idValue = $("#id").val();
        let passwordValue = $("#password").val();

        $.ajax({                          // 异步处理
            url:"/UpdateById",            // 请求路径
            type:"post",                  // 请求的方式，不区分大小写
            cache:false,                  // 关闭缓存，目的是为了避免部分浏览器缓存加载出错(IE)
            contentType:"application/json;charset=utf-8",
            data: JSON.stringify({
                id:idValue,
                password:passwordValue
            }),
            datatype:"json",        // 返回类型，text文本、html页面、json数据
            success:function(response){
                console.log("返回: " + response);
                if(response.code === 200) {
                    alert("更新成功!");
                }
            },
            error:function(response){
                console.log("出错返回: " + response);
            }
        });
    }

</script>
</html>